<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div class="box">
    <ul>
        <li>
            <p>故障报警</p>
            <p>报警时间</p>
        </li>
        <li></li>
    </ul>
  </div>
</template>

<script lang="ts" setup>


</script>

<style scoped>

.box {
    width: 23vw;
    height: 27.5vh;
    margin-left: 0.4vw;
}

.box ul {
    width: 100%;
    height: 100%;
}

.box ul li {
    width: 100%;
    /* height: 12%; */
}

.box ul li p {
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    background: #00ffff;
    color: #000;
    line-height: 3vh;
}

</style>